@import "public.scss";

body,html{
  background: #fff;
}

.return-header{
  background-color: #1f2735;
  height: px2rem(55px);
  padding-top: px2rem(15px);
  .title{
    width: 100%;
    position: absolute;
    text-align: center;
    font-size: px2rem(17px);
    color: #fff;
  }
  img{
    margin-left: px2rem(15px);
    width:px2rem(22px);
    height:px2rem(20px);
  }
}

.warningInfo{
  background-color: #fff4f4;
  font-size: px2rem(13px);
  color: #dc5844;
  font-weight: 200;
  padding: px2rem(19px) px2rem(15px);
  line-height: px2rem(20px);
}

.login-wrap{
  margin-top: px2rem(40px);
  padding: px2rem(0px) px2rem(33px);
  .phonenumber{
    border-bottom: 1px solid #f2f2f2;
    .input-phone{
      width:px2rem(160px);
      border: none;
      background-color: transparent;
      display: block;
      line-height: normal;
      color: #424242;
      height: px2rem(40px);
      font-size: px2rem(16px);
    }
    .sendbtn{
      display: inline-block;
      height: px2rem(22px);
      margin-top: px2rem(10px);
      color: #ed9660;
      font-size: px2rem(16px);
      border-left: 1px solid #f2f2f2;
      padding-left: px2rem(17px);
    }
  }
  .sendcode-wrap{
    margin-top:px2rem(30px);
    border-bottom: 1px solid #f2f2f2;
    .sendcode-input{
      border: none;
      background-color: transparent;
      display: block;
      width: 100%;
      height: px2rem(40px);
      line-height: normal;
      color: #424242;
      font-size: px2rem(16px);
    }
  }
  .submit-wrap{
    background-color: #ffb811;
    font-size: px2rem(18px);
    color: #fff;
    text-align: center;
    border-radius: 30px;
    height: px2rem(40px);
    line-height: px2rem(40px);
    width: px2rem(170px);
    margin: auto;
    margin-top: px2rem(20px);
  }
  .toolTips{
    text-align: center;
    font-size: px2rem(12px);
    color: #999;
    margin-top: px2rem(15px);
  }
}


